今天接著講vue.js另外一項核心功能--元件化組件
元件化組件(Component System)
將使用者介面拆解成一個個不利且能重複使用的零件(元件),並利用這些製作好的模組化元件快速製作網頁
元件化組件的優點有以下幾項
1.可重複使用:同一元件可在不同地方重複使用,既能減少重複的程式碼,又能保持介面的一致性。
2.易維護:元件封裝,降低互相影響,發現錯誤時,只要找到該問題對應的元件進行修改,不需要查找整個網頁的程式碼。
3.提高開發效率:結構清晰,方便管理及擴張,不同人可負責不同元件,最後再組合起來。
總結: 元件就是將網頁(完整的拼圖)拆成小元件(一塊塊拼圖碎片),在拚奏成完整的網站,使開發更有效率,也更好維護。
這裡稍微提一下,當時我在查資料時有找到一個名詞,MVVM,剛開始不認識他的我還在想MVVM跟宣告式渲染式甚麼關係,這立解釋一下MVVM
MVVM,全名為Model-View-ViewModel
Mode(資料模型) 負責管理和表示應用程式的資料
View(使用者介面) 呈現使用者看到的介面
ViewModel(邏輯處理) 處理邏輯及資料的轉換,作為Model和View之間的橋樑,透過雙向綁定自動同步Model和View。
MVVM和宣告式渲染是不同層面的概念,但他們密切相關
MVVM是一種"設計模式",是組織程式的"思維方法”。
宣告式渲染是一種"程式設計方式”,是一種”寫程式的方式”。
可以將MVVM看作是"藍圖”,而宣告式渲染則是"執行藍圖的方法”。
好的關於vue.js的介紹就先告一段落,明天會開始分享安裝vue.js的過程。
各位明天見~